<template>
  <div id="profile" >

    <ul>
      <li>1</li>
      <li>1</li>
      <li>1</li>
      <li>1</li>
      <li>1</li>
      <li>1</li>
    </ul>
  </div>
</template>

<script>
  class Person {
    constructor(a) {
      this.fuck = a.fuck
    }
  }

export default {
  name: "Profile",
  mounted() {
    ////数组去重
    // function newArr(arr){
    //   return Array.from(new Set(arr))
    // }
    //
    // var arr = [1,1,2,9,6,9,6,3,1,4,5];
    //
    // console.log(newArr(arr))

    // //string原型加方法
    // String.prototype.getNumberCount1 = function () {
    //   var str = this;
    //   var re = /\d/;
    //   var num =0
    //   while (re.test(str)) {
    //     str = str.replace(re, '');
    //     num++;
    //   }
    //   return num
    // }
    //
    // String.prototype.getNumberCount2 = function () {
    //   var reg = /\d/g;
    //   var result = this.match(reg);
    //   return result.length;
    // }
    //
    // var inputString = prompt("请输入字符串: ");
    // var temp = inputString.getNumberCount2();
    // console.log("输入的字符串有" + temp + "个数字");

    //string转number
    console.log(typeof (parseFloat('12.34')));

    // //每隔三位加逗号
    // function commafy(num){
    //   return  num.toString()
    //     .replace(/(\d)(?=(\d{3})+\.)/g, function ($2) {return $2+','
    //
    //   })
    //
    // }
    //
    // console.log(commafy(1200.1));


    console.log(parseInt(1, 0));//
    console.log(parseInt(2, 1));
    console.log(parseInt(10, 2));//2进制 10-》2

    const a ={}
    a.fuck = 'u'


    const b = Person(a)
    console.log(b);

    if(b instanceof Person){
      alert('yes');
    }
  }
}
</script>

<style scoped>


/*水平居中*/
/*  .my{*/
/*    height: 100px;*/
/*    width: 100px;*/
/*    margin : 0  auto;*/
/*    background-color: black ;*/
/*  }*/

  /*水平垂直居中*/
  /*#profile{*/
  /*  height: 100vh;*/
  /*}*/
  /*.my{*/
  /*  position: absolute;*/
  /*  width: 300px;*/
  /*  height: 300px;*/
  /*  top: 50%;*/
  /*  left: 50%;*/
  /*  !*margin:-150px 0 0 -150px;*!*/
  /*  transform: translate(-50%,-50%);*/
  /*  background-color: black*/
  /*}*/

  /*#profile{*/
  /*  display: flex;*/
  /*  align-items: center;*/
  /*  justify-content: center;*/
  /*  height: 100vh;*/
  /*}*/



  /*.my{*/
  /*  margin-top: 20px;*/
  /*  height: 100px;*/
  /*  width: 100px;*/
  /*  background-color: #ff5777;*/
  /*}*/
  /*.a{*/


  /*  height: 100px;*/
  /*  width: 100px;*/
  /*  background-color: #a3a3a5;*/
  /*}*/

  /*css选择器&画三角形*/
  /*:not(.my){*/
  /*  width: 120px;*/
  /*  height: 120px;*/
  /*  border-width: 20px 10px 20px 10px;*/
  /*  border-style: solid dotted solid dotted;*/
  /*  border-color: green yellow red red ;*/

  /*}*/


/*  品*/
  #profile{
    height: 100vh;
  }

  .a{

    width: 100%;
    background-color: #ff5777;
    height: 50%;
    border :20px solid black;
  }
  .bottom{

    height: 50%;
  }

  .b{
    height: 50%;

    float: left;
    width: 50%;
    background-color: #ff5777;
    border :20px solid black;

  }

  .c{
    height: 100%;
  float: right;
    width: 50%;
    background-color: #ff5777;
    border :20px solid black;
  }

</style>
